<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      变量局部化（全局，局部）
        这样可以提高代码的执行效率（减少了数据访问时需要查找的路径）
    -->
    <script>
      var i,
        str = "";
      function packageDom() {
        for (i = 0; i < 1000; i++) {
          str += i;
        }
      }
      packageDom();

      function packageDom1() {
        let str = "";
        for (let i = 0; i < 1000; i++) {
          str += i;
        }
      }
      packageDom1();
    </script>
  </body>
</html>
